<!DOCTYPE html>
<html lang="zxx">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>FoodKa - Food Ordering, Delivery & Restuarent Template</title>

    <!-- Stylesheet -->
    <link rel="stylesheet" href="static/css/animate.min.css">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/magnific.min.css">
    <link rel="stylesheet" href="static/css/jquery-ui.min.css">
    <link rel="stylesheet" href="static/css/nice-select.min.css">
    <link rel="stylesheet" href="static/css/owl.min.css">
    <link rel="stylesheet" href="static/css/slick-slide.min.css">
    <link rel="stylesheet" href="static/css/fontawesome.min.css">
    <link rel="stylesheet" href="static/css/remixicon.css">
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="static/css/responsive.css">

    <!--Google Fonts-->
    <link href="static/css/css2.css" rel="stylesheet">


</head>
<body class='sc5'>
<!-- preloader area start -->
<div class="preloader" id="preloader">
    <div class="preloader-inner">
        <div id="wave1">
        </div>
        <div class="spinner">
            <div class="dot1"></div>
            <div class="dot2"></div>
        </div>
    </div>
</div>
<!-- preloader area end -->

<!-- search popup area start -->
<div class="body-overlay" id="body-overlay"></div>
<div class="td-search-popup" id="td-search-popup">
    <form action="index.html" class="search-form">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search.....">
        </div>
        <button type="submit" class="submit-btn"><i class="fa fa-search"></i></button>
    </form>
</div>
<!-- //. search Popup -->

<!-- navbar start -->
<div id="header"></div>
<!-- navbar end -->

<!-- Banner Area Start-->
<section class="banner-area">
    <div class="banner-thumb">
        <img src="static/picture/banner.png" alt="img">
    </div>
    <div class="banner-bg-img"></div>
    <div class="banner-shape-1"><img src="static/picture/shape-1.png" alt="img"></div>
    <div class="banner-shape-2"><img src="static/picture/shape-2.png" alt="img"></div>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6 col-md-8 align-self-center">
                <div class="banner-inner text-center">
                    <h3>Do not miss it!</h3>
                    <h1>Pizza tastes better than skinny feels.</h1>
                    <a class="btn btn-secondary" href="menu.html?diff_id=3">现在购买</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Banner Area End -->

<!-- category Area Start-->
<!--    <section class="category-area">-->
<!--        <div class="container">-->
<!--            <div class="row justify-content-center">-->
<!--                <div class="col-lg-12 align-self-center">-->
<!--                    <ul class="category-menu">-->
<!--                        <li class="category-wrap"><a href="#"><img src="static/picture/24.png" alt="category">披萨</a>-->
<!--                            <div class="category-sub-menu">-->
<!--                                <div class="row">-->
<!--                                    <div class="col-md-3 col-6">-->
<!--                                        <div class="single-item-wrap text-center">-->
<!--                                            <div class="thumb">-->
<!--                                                <img src="static/picture/15.png" alt="img">-->
<!--                                            </div>-->
<!--                                            <div class="wrap-details">-->
<!--                                                <h6><a href="shop.html">Margherita Pizza</a></h6>                          -->
<!--                                            </div> -->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="col-md-3 col-6">-->
<!--                                        <div class="single-item-wrap text-center">-->
<!--                                            <div class="thumb">-->
<!--                                                <img src="static/picture/25.png" alt="img">-->
<!--                                            </div>-->
<!--                                            <div class="wrap-details">-->
<!--                                                <h6><a href="shop.html">Maxican Pizza Test Better</a></h6>                          -->
<!--                                            </div> -->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="col-md-3 col-6">-->
<!--                                        <div class="single-item-wrap text-center">-->
<!--                                            <div class="thumb">-->
<!--                                                <img src="static/picture/34.png" alt="img">-->
<!--                                            </div>-->
<!--                                            <div class="wrap-details">-->
<!--                                                <h6><a href="shop.html">Margherita Pizza</a></h6>                          -->
<!--                                            </div> -->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="col-md-3 col-6">-->
<!--                                        <a href="#"><img src="static/picture/ad.png" alt="img"></a>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </li>-->
<!--                        <li class="category-wrap"><a href="#"><img src="static/picture/35.png" alt="category">汉堡</a>-->
<!--                            <div class="category-sub-menu">-->
<!--                                <div class="row">-->
<!--                                    <div class="col-md-3 col-6">-->
<!--                                        <div class="single-item-wrap text-center">-->
<!--                                            <div class="thumb">-->
<!--                                                <img src="static/picture/16.png" alt="img">-->
<!--                                            </div>-->
<!--                                            <div class="wrap-details">-->
<!--                                                <h6><a href="shop.html">Patty Buns Burgers</a></h6>                          -->
<!--                                            </div> -->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="col-md-3 col-6">-->
<!--                                        <div class="single-item-wrap text-center">-->
<!--                                            <div class="thumb">-->
<!--                                                <img src="static/picture/16.png" alt="img">-->
<!--                                            </div>-->
<!--                                            <div class="wrap-details">-->
<!--                                                <h6><a href="shop.html">Maxican Pizza Test Better</a></h6>                          -->
<!--                                            </div> -->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="col-md-3 col-6">-->
<!--                                        <div class="single-item-wrap text-center">-->
<!--                                            <div class="thumb">-->
<!--                                                <img src="static/picture/16.png" alt="img">-->
<!--                                            </div>-->
<!--                                            <div class="wrap-details">-->
<!--                                                <h6><a href="shop.html">Margherita Pizza</a></h6>                          -->
<!--                                            </div> -->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="col-md-3 col-6">-->
<!--                                        <a href="#"><img src="static/picture/ad.png" alt="img"></a>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>                            -->
<!--                        </li>-->
<!--                        <li class="category-wrap"><a href="shop.html"><img src="static/picture/44.png" alt="category">French fries</a>-->
<!--                            -->
<!--                        </li>-->
<!--                        <li class="category-wrap"><a href="shop.html"><img src="static/picture/52.png" alt="category">Fast food</a>-->
<!--                            -->
<!--                        </li>-->
<!--                        <li class="category-wrap"><a href="shop.html"><img src="static/picture/62.png" alt="category">Soft drinks</a>-->
<!--                            -->
<!--                        </li>-->
<!--                    </ul>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </section>-->
<!-- category Area End -->

<!-- offer Area Start-->
<section class="offer-area pd-top-120 pd-bottom-90">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-6 align-self-center d-contents">
                <div class="single-offer-wrap" style="background-color: var(--main-color);">
                    <img class="bg-img" src="static/picture/17.png" alt="img">
                    <div class="wrap-details">
                        <h2>Special Deliciaus </h2>
                        <h5>Maxican Pizza Testes Better</h5>
                        <a class="btn btn-white" href="menu.html?diff_id=3">在线下单</a>
                    </div>
                    <div class="offer-sticker">
                        <img src="static/picture/offer.png" alt="img">
                    </div>
                </div>
            </div>
            <div class="col-md-6 align-self-center">
                <div class="single-offer-wrap" style="background-color: var(--heading-color);">
                    <img class="bg-img" src="static/picture/26.png" alt="img">
                    <div class="wrap-details">
                        <h3>Enjoy Our Delicious Item</h3>
                        <a class="btn btn-white" href="menu.html?diff_id=1">在线下单</a>
                    </div>
                </div>
                <div class="single-offer-wrap" style="background-color: #FFEECC">
                    <div class="animated-img"><img src="static/picture/03.png" alt="img"></div>
                    <div class="animated-img animated-img-2"><img src="static/picture/03.png" alt="img"></div>
                    <div class="overlay-gradient"></div>
                    <div class="wrap-details">
                        <h3 class="text-heading">The Fastest In Delivery <span>Food</span></h3>
                        <a class="btn btn-white" href="menu.html?diff_id=4">在线下单</a>
                    </div>
                    <img class="bg-img-2" src="static/picture/36.png" alt="img">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- offer Area End -->

<!-- populer Area Start-->
<section class="populer-area pd-bottom-90">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12">
                <div class="section-title text-center">
                    <h3 class="sub-title">Our signature</h3>
                    <h2 class="title">明星菜品</h2>
                </div>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-4 col-md-6">
                <div class="single-item-wrap">
                    <div class="thumb">
                        <img src="static/image/hamburger/hamburger2.jpg" alt="img">

                    </div>
                    <div class="wrap-details">
                        <h5><a href="single-product.html?fid=2">海陆鲜汇鸡肉卷</a></h5>
                        <div class="wrap-footer">
                            <div class="rating">
                                4.9
                                <span class="rating-inner">
                                        <i class="ri-star-fill ps-0"></i>
                                        <i class="ri-star-fill"></i>
                                        <i class="ri-star-fill"></i>
                                        <i class="ri-star-fill"></i>
                                        <i class="ri-star-half-line pe-0"></i>
                                    </span>
                                (200)
                            </div>
                            <h6 class="price">$15.00</h6>
                        </div>
                    </div>
                    <div class="btn-area">
                        <a class="btn btn-secondary" href="single-product.html?fid=2">立刻下单 </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="single-item-wrap">
                    <div class="thumb">
                        <img src="static/image/hamburger/hamburger10.jpg" alt="img">

                    </div>
                    <div class="wrap-details">
                        <h5><a href="single-product.html?fid=10">双层芝士七虾堡</a></h5>
                        <div class="wrap-footer">
                            <div class="rating">
                                4.9
                                <span class="rating-inner">
                                        <i class="ri-star-fill ps-0"></i>
                                        <i class="ri-star-fill"></i>
                                        <i class="ri-star-fill"></i>
                                        <i class="ri-star-fill"></i>
                                        <i class="ri-star-half-line pe-0"></i>
                                    </span>
                                (928)
                            </div>
                            <h6 class="price">$27.00</h6>
                        </div>
                        <div class="btn-area">
                            <a class="btn btn-secondary" href="single-product.html?fid=10">立刻下单 </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="single-item-wrap">
                    <div class="thumb">
                        <img src="static/image/pizza/Pizza3.jpg" alt="img">

                    </div>
                    <div class="wrap-details">
                        <h5><a href="single-product.html?fid=32">金枕榴莲多多比萨</a></h5>
                        <div class="wrap-footer">
                            <div class="rating">
                                4.9
                                <span class="rating-inner">
                                        <i class="ri-star-fill ps-0"></i>
                                        <i class="ri-star-fill"></i>
                                        <i class="ri-star-fill"></i>
                                        <i class="ri-star-fill"></i>
                                        <i class="ri-star-half-line pe-0"></i>
                                    </span>
                                (462)
                            </div>
                            <h6 class="price">$35.00</h6>
                        </div>
                    </div>
                    <div class="btn-area">
                        <a class="btn btn-secondary" href="single-product.html?fid=32">立刻下单 </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- populer Area End -->

<!-- featured Area Start-->
<section class="featured-area pd-bottom-150" style="background-image: url(static/image/featured.png);">
    <div class="overlay"></div>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section-title text-center">
                    <h3 class="sub-title text-secondary">Tasty how The new</h3>
                    <h2 class="title text-white">Meet Your New Lunchtime Faves</h2>
                    <a class="btn btn-base" href="menu.html?diff_id=3">查看菜单</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- featured Area End -->

<!-- about Area Start-->
<section class="about-area pd-top-120 pd-bottom-90">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="thumb">
                    <img src="static/picture/about1.jpg" alt="img">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="section-title text-center text-lg-start">
                    <h3 class="sub-title">Why choose us</h3>
                    <h2 class="title">为什么我们是最好的</h2>
                    <p>秉承着质量第一的理念，将食品安全放在首位，做出让青少年满意的宇宙汉堡产品。和一般的外卖服务不同，我们有一套更为齐整的售后系统，为了保持产品的口感我们严格管控配送时间。一切都为了我们的消费者。</p>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="single-about-wrap">
                            <img src="static/picture/1.png" alt="img">
                            保证新鲜食材
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="single-about-wrap">
                            <img src="static/picture/2.png" alt="img">
                            保证派送速度
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="single-about-wrap">
                            <img src="static/picture/3.png" alt="img">
                            保证菜品质量
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="single-about-wrap">
                            <img src="static/picture/4.png" alt="img">
                            24/7的服务
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- about Area End -->

<!-- product Area Start-->
<section class="product-area pd-bottom-90">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12">
                <div class="section-title text-center">
                    <h3 class="sub-title">Our signature</h3>
                    <h2 class="title">部分商品推荐</h2>
                </div>
                <ul class="product-nav nav nav-pills" id="pills-tab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="pills-ramen-tab" data-bs-toggle="pill" data-bs-target="#pills-ramen" type="button" role="tab" aria-controls="pills-ramen" aria-selected="true"><img src="static/picture/14.png" alt="img">卷饼</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-pizza-tab" data-bs-toggle="pill" data-bs-target="#pills-pizza" type="button" role="tab" aria-controls="pills-pizza" aria-selected="false"><img src="static/picture/24.png" alt="img">披萨</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-burger-tab" data-bs-toggle="pill" data-bs-target="#pills-burger" type="button" role="tab" aria-controls="pills-burger" aria-selected="false"><img src="static/picture/35.png" alt="img">汉堡</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-french-fry-tab" data-bs-toggle="pill" data-bs-target="#pills-french-fry" type="button" role="tab" aria-controls="pills-french-fry" aria-selected="false"><img src="static/picture/44.png" alt="img">小吃</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-fast-food-tab" data-bs-toggle="pill" data-bs-target="#pills-fast-food" type="button" role="tab" aria-controls="pills-fast-food" aria-selected="false"><img src="static/picture/52.png" alt="img">热饮</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-drinks-tab" data-bs-toggle="pill" data-bs-target="#pills-drinks" type="button" role="tab" aria-controls="pills-drinks" aria-selected="false"><img src="static/picture/62.png" alt="img">冷饮</button>
                    </li>
                </ul>
            </div>
        </div>
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade show active" id="pills-ramen" role="tabpanel" aria-labelledby="pills-ramen-tab">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/hamburger/hamburger2.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">海陆鲜汇鸡肉卷</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (200)
                                    </div>
                                    <h6 class="price">$17.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=2">立即下单 </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/hamburger/hamburger13.jpg" alt="img">
                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html"></a>香辣田园卷</h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (928)
                                    </div>
                                    <h6 class="price">$29.00</h6>
                                </div>
                                <div class="btn-area">
                                    <a class="btn btn-secondary" href="single-product.html?fid=13">立即下单 </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/hamburger/hamburger7.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">乐滋脆蔬鸡肉卷</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (462)
                                    </div>
                                    <h6 class="price">$27.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=7">立即下单 </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="pills-pizza" role="tabpanel" aria-labelledby="pills-pizza-tab">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/pizza/Pizza15.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">主厨葡式咖喱海鲜比萨</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (200)
                                    </div>
                                    <h6 class="price">$17.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=44">立即下单 </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/pizza/Pizza3.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">金枕榴莲多多比萨</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (928)
                                    </div>
                                    <h6 class="price">$29.00</h6>
                                </div>
                                <div class="btn-area">
                                    <a class="btn btn-secondary" href="single-product.html?fid=32">立即下单 </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/pizza/Pizza2.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">果木香风味烤鸭比萨 </a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (462)
                                    </div>
                                    <h6 class="price">$27.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=31">立即下单 </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="pills-burger" role="tabpanel" aria-labelledby="pills-burger-tab">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/hamburger/hamburger15.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">新奥尔良烤鸡腿堡</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (200)
                                    </div>
                                    <h6 class="price">$17.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=15">立即下单 </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/hamburger/hamburger9.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">麦氏巨无霸</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (928)
                                    </div>
                                    <h6 class="price">$29.00</h6>
                                </div>
                                <div class="btn-area">
                                    <a class="btn btn-secondary" href="single-product.html?fid=9">立即下单 </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/hamburger/hamburger10.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">双层芝士七虾堡</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (462)
                                    </div>
                                    <h6 class="price">$27.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=10">立即下单 </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="pills-french-fry" role="tabpanel" aria-labelledby="pills-french-fry-tab">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/snack/snack1.jpg" alt="img">
                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">肥牛Tapas</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (200)
                                    </div>
                                    <h6 class="price">$17.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=46">立即下单 </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/snack/snack5.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">蜜汁焦香伴翅</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (928)
                                    </div>
                                    <h6 class="price">$29.00</h6>
                                </div>
                                <div class="btn-area">
                                    <a class="btn btn-secondary" href="single-product.html?fid=50">立即下单 </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/snack/snack11.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">香草凤尾虾</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (462)
                                    </div>
                                    <h6 class="price">$27.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=56">立即下单 </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="pills-fast-food" role="tabpanel" aria-labelledby="pills-fast-food-tab">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/drink/Drinks7.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">摩卡咖啡(热)</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (200)
                                    </div>
                                    <h6 class="price">$17.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=22">立即下单</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/drink/Drinks3.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">卡布基诺咖啡(热）</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (928)
                                    </div>
                                    <h6 class="price">$29.00</h6>
                                </div>
                                <div class="btn-area">
                                    <a class="btn btn-secondary" href="single-product.html?fid=18">立即下单 </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/drink/Drinks10.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">香浓玉米汁饮料（热）</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (462)
                                    </div>
                                    <h6 class="price">$27.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=25">立即下单 </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="pills-drinks" role="tabpanel" aria-labelledby="pills-drinks-tab">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/drink/Drinks1.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">冰柠檬红茶</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (200)
                                    </div>
                                    <h6 class="price">$17.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=16">立即下单 </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/drink/Drinks2.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">草莓火龙果酸奶酪酪</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (928)
                                    </div>
                                    <h6 class="price">$29.00</h6>
                                </div>
                                <div class="btn-area">
                                    <a class="btn btn-secondary" href="single-product.html?fid=17">立即下单</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-item-wrap">
                            <div class="thumb">
                                <img src="static/image/drink/Drinks9.jpg" alt="img">

                            </div>
                            <div class="wrap-details">
                                <h5><a href="single-product.html">清雅卡曼橘茶</a></h5>
                                <div class="wrap-footer">
                                    <div class="rating">
                                        4.9
                                        <span class="rating-inner">
                                                <i class="ri-star-fill ps-0"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-fill"></i>
                                                <i class="ri-star-half-line pe-0"></i>
                                            </span>
                                        (462)
                                    </div>
                                    <h6 class="price">$27.00</h6>
                                </div>
                            </div>
                            <div class="btn-area">
                                <a class="btn btn-secondary" href="single-product.html?fid=24">立即下单 </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- product Area End -->



<!-- testimonial Area Start-->
<section class="testimonial-area text-center">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-7 col-md-10">
                <div class="testimonial-slider owl-carousel">
                    <div class="item">
                        <div class="testimonial-wrap">
                            <p>“我们非常开心能吃到如此性价比的西式快餐，食材非常新鲜且高质量，这是一次非常好的用餐体验。”</p >
                            <h3>牛马
                            </h3>
                            <h6>美食博主</h6>
                        </div>
                    </div>
                    <div class="item">
                        <div class="testimonial-wrap">
                            <p>“因为本人是汉堡和披萨的狂热爱好者所以这次点了店里这两样食物的明星菜品，味道出人意料的不错，有机会还会再次光顾。”</p >
                            <h3>沃兹基.硕德
                            </h3>
                            <h6>美食博主</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- testimonial Area End -->


<!-- footer area start -->
<div id="footer"></div>
<!-- footer area end -->

<!-- back-to-top end -->
<div class="back-to-top">
    <span class="back-top"><i class="fas fa-angle-double-up"></i></span>
</div>



<!-- all plugins here -->
<script src="static/js/jquery.3.6.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/imageloded.min.js"></script>
<script src="static/js/counterup.js"></script>
<script src="static/js/waypoint.js"></script>
<script src="static/js/magnific.min.js"></script>
<script src="static/js/isotope.pkgd.min.js"></script>
<script src="static/js/jquery-ui.min.js"></script>
<script src="static/js/nice-select.min.js"></script>
<script src="static/js/fontawesome.min.js"></script>
<script src="static/js/owl.min.js"></script>
<script src="static/js/slick-slider.min.js"></script>
<script src="static/js/wow.min.js"></script>
<script src="static/js/tweenmax.min.js"></script>
<!-- main js  -->
<script src="static/js/main.js"></script>
<script type="text/javascript" src="static/js/include.js"></script>
</body>
</html>